<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="/css/style.css">

</head>
<body>
	<div class="header">
		<div class="logo">
			<img src="/images/logo.png">
		</div>
		<div class="nav">
			<ul>
				<li><a href="#">HOME</a></li>
				<li><a href="#">ABOUT</a></li>
				<li><a href="#">GALLERY</a></li>
				<li><a href="#">FACULTY</a></li>
				<li><a href="#">EVENTS</a></li>
				<li><a href="#">CONTACT</a></li>
			</ul>
		</div>
		<div class="clear"></div>
	</div>
	<div class="content">
		<div class="content-top">
			<img src="images/banner3.jpg">
			<div class="shield"></div>
			<div class="images-top"> 
				<ul>
				<li><input type="text" name="" maxlength="10" placeholder="your Name"></li>
				<!-- 设置onkeyup 限制只能输入数字 -->
				<li><input type="text" name="" maxlength="11" placeholder="your Phone" onkeyup="value=value.replace(/[^\d]/g,'')"></li>
				<li><input type="email" name="" placeholder="your Email"></li>
				<li><textarea placeholder="Write Your Comment Here "></textarea ></li>
				</ul>
				<button type="submit" >SEND MESSAGE</button>
			</div>
		</div>
		<div class="content-middle-firstpart">
			<h3 id ="about">ABOUT</h3>
			<div class="line"></div>
			<div class="firstpart-field">Lorem Ipsum is simply dummy text of the printing and typesetting<br>
											industry. Lorem Ipsum has been the industry's standard dummy<br>
																text ever since the 1500s.
			</div>
			<div class="firstpart-image-text">
				<dl class="dl1">
					<dt>A WORD<br>
						ABOUT US
					</dt>
					<dd>
						<div><div>Praesent dignissim viverra est,sed<br>
							bibendum ligula congue non.Sed ac nisl<br>
							et felis gravida commodo? Suspendisse<br>
							eget ullamcorper ipsum.Suspendisse<br>
							diam amet.<br></div>
							<button type="submit">EXPLORE</button>
						</div>
					</dd>
				</dl>
				<img src="images/bb3.jpg">
				<dl class="dl2">
					<dt>
						<ul>
							<li class="l1">70000</li>
							<li class="l2"></li>
							<li class="l3">Students</li>
						</ul>
					</dt>
					<dd>
						<ul>
							<li class="l1">600</li>
							<li class="l2"></li>
							<li class="l3">Faculty</li>
						</ul>
					</dd>
				</dl>
			</div>
		</div>
		<div class="content-middle-lastpart">
			<div class="img1">
				<div><img src="images/b1.jpg"></div>
				<div class="text1">
					<p class="p1">Library</p>
					<p class="p2">Lorem Ipsum is simply dummy text of the<br>
					   printing and ty pesetting industry
					</p>
					<p class="p3">Lorem Ipsum has the industry's standard dummy<br>
					   text ever since the 1500s,when an unknown printer took<br>
					   a galley of type and scrambied it to make a type<br>
					   specimen book.						
					</p>
					<button type="submit">EXPLORE</button>
				</div>
				<div><img src="images/b2.jpg"></div>
				<div class="text2">
					<p class="p1">Library</p>
					<p class="p2">Lorem Ipsum is simply dummy text of the<br>
					   printing and ty pesetting industry
					</p>
					<p class="p3">Lorem Ipsum has the industry's standard dummy<br>
					   text ever since the 1500s,when an unknown printer took<br>
					   a galley of type and scrambied it to make a type<br>
					   specimen book.						
					</p>
					<button type="submit">EXPLORE</button>
				</div>
			</div>
			<div class="img2">
				<div class="text1">
					<p class="p1">Library</p>
					<p class="p2">Lorem Ipsum is simply dummy text of the<br>
					   printing and ty pesetting industry
					</p>
					<p class="p3">Lorem Ipsum has the industry's standard dummy<br>
					   text ever since the 1500s,when an unknown printer took<br>
					   a galley of type and scrambied it to make a type<br>
					   specimen book.						
					</p>
					<button type="submit">EXPLORE</button>
				</div>
				<div><img src="images/b3.jpg"></div>
				<div class="text2">
					<p class="p1">Library</p>
					<p class="p2">Lorem Ipsum is simply dummy text of the<br>
					   printing and ty pesetting industry
					</p>
					<p class="p3">Lorem Ipsum has the industry's standard dummy<br>
					   text ever since the 1500s,when an unknown printer took<br>
					   a galley of type and scrambied it to make a type<br>
					   specimen book.						
					</p>
					<button type="submit">EXPLORE</button>
				</div>
				<div><img src="images/b4.jpg"></div>
			</div>
		</div>
		<div class="content-bottom">
			<h3 id ="GALLERY">GALLERY</h3>
			<div class="line"></div>
			<div class="firstpart-field">Lorem Ipsum is simply dummy text of the printing and typesetting<br>
											industry. Lorem Ipsum has been the industry's standard dummy<br>
																text ever since the 1500s.
			</div>
			<div class="text-img">
				<div  class="first">	
					<div class="one"><img src="images/03-01.jpg">
						  <div class="work">  SCIENCE LAB</div>
					</div>
					<div class="one"><img src="images/03-02.jpg">
						  <div class="work">  INDOOR STADIUM</div>
					</div>
					<div class="one"><img src="images/03-03.jpg">
						  <div class="work">  TRANSPORTATION</div>
					</div>
					<div class="clear"></div>
				</div>

				<div  class="second">	
					<div class="one"><img src="images/03-04.jpg">
						  <div class="work">KIDS ROOM</div>
					</div>
					<div class="one"><img src="images/03-05.jpg">
						  <div class="work">MEDITATION CLASSS</div>
					</div>
					<div class="one"><img src="images/03-06.jpg">
						  <div class="work">KIDS RLAY GROUND</div>
					</div>
					<div class="clear"></div>
				</div>
				
			</div>
		</div>
	</div>
	<div class="footer">
		© 2016 imooc.com 京ICP备13046642号
	</div>
</body>
</html>